﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Viewer.Default" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <link href="resources/css/main.css" rel="stylesheet" type="text/css" />
    <script src="resources/js/main.js" type="text/javascript"> </script>
    <title>VPDT</title>
</head>
<body>
    <form id="MainForm" runat="server">
    <ext:ResourceManager Locale="vi" ID="MainResourceManager" runat="server" DirectMethodNamespace="X">
        <Listeners>
            <DocumentReady Handler="Ext.net.DirectEvent.timeout = 360000;" />
            <AjaxRequestException Handler="Ext.net.Mask.hide();" />
            <BeforeAjaxRequest Handler="Ext.net.Mask.show();" />
            <AjaxRequestComplete Handler="Ext.net.Mask.hide();" />
        </Listeners>
    </ext:ResourceManager>
    <ext:History ID="History1" runat="server">
        <Listeners>
        </Listeners>
    </ext:History>
    <ext:Viewport ID="Viewport1" runat="server"> <%--StyleSpec="background-color: transparent;"--%>
        <Items>
            <ext:BorderLayout ID="BorderLayout1" runat="server">
                <North>
                    <ext:Toolbar ID="Toolbar1" runat="server" Region="North" Height="25" Margins="0 0 4 0">
                        <Items>
                            <ext:Label ID="Label1" runat="server" Html='<b>VĂN PHÒNG ĐIỆN TỬ SỞ Y TẾ TỈNH QUẢNG TRỊ </b>(1.0)'
                                Icon="Computer"  />
                            <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                            
                            <ext:Button ID="btnUserName" runat="server" Icon="StatusOnline" Text='User Name'>
                                <Menu>
                                    <ext:Menu ID="Menu2" runat="server">
                                        <Items>
                                            <ext:MenuItem Text="Profile" Icon="Magnifier" Disabled="true" />
                                            <ext:MenuItem Text="Options" Icon="Wrench">
                                                <Menu>
                                                    <ext:Menu ID="Menu3" runat="server">
                                                        <Items>
                                                            <ext:MenuItem Text="Chọn Giao Diện" Icon="Paintcan">
                                                                <Menu>
                                                                    <ext:Menu ID="MenuSkin" runat="server">
                                                                        <Items>
                                                                            <ext:CheckMenuItem ID="CheckMenuItem1" runat="server" Text="Default" Group="theme" />
                                                                            <ext:CheckMenuItem ID="CheckMenuItem2" runat="server" Text="Gray" Group="theme" />
                                                                            <ext:CheckMenuItem ID="CheckMenuItem3" runat="server" Text="Slate" Group="theme" />
                                                                            <ext:CheckMenuItem ID="CheckMenuItem4" runat="server" Text="Access" Group="theme" />
                                                                        </Items>
                                                                        <Listeners>
                                                                            <ItemClick Handler="X.GetThemeUrl(menuItem.text,{
                                                                        success : function (result) {
                                                                            Ext.net.ResourceMgr.setTheme(result);
                                                                            MainTab.items.each(function (el) {
                                                                                if (!Ext.isEmpty(el.iframe)) {
                                                                                    if (el.getBody().Ext) {
                                                                                        el.getBody().Ext.net.ResourceMgr.setTheme(result, menuItem.text.toLowerCase());
                                                                                    }
                                                                                }
                                                                            });
                                                                        }
                                                                    });" />
                                                                        </Listeners>
                                                                    </ext:Menu>
                                                                </Menu>
                                                            </ext:MenuItem>
                                                        </Items>
                                                    </ext:Menu>
                                                </Menu>
                                            </ext:MenuItem>
                                        </Items>
                                    </ext:Menu>
                                </Menu>
                            </ext:Button>
                            <ext:Button ID="btnEmail" runat="server" Icon="Email" Text="Email"></ext:Button>
                            <ext:Button ID="Button3" runat="server" Icon="Help" Text="Help">
                                <Menu runat="server">
                                    <ext:Menu ID="Menu5" runat="server">
                                        <Items>
                                            <ext:MenuItem Text="Report a Defect" Icon="Bug">
                                                <Listeners>
                                                </Listeners>
                                            </ext:MenuItem>
                                            <ext:MenuItem Text="About" Icon="Information">
                                                <Listeners>
                                                    <Click Handler="#{winAbout}.show();" />
                                                </Listeners>
                                            </ext:MenuItem>
                                        </Items>
                                    </ext:Menu>
                                </Menu>
                            </ext:Button>
                            <ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server" />
                            <ext:Button ID="Button4" runat="server" Icon="KeyStop" Text="Thoát">
                                <DirectEvents>
                                    <Click OnEvent="MenuItem_DoLogOut">
                                    </Click>
                                </DirectEvents>
                            </ext:Button>
                        </Items>
                    </ext:Toolbar>
                </North>
                <West Collapsible="true" Split="true" MinWidth="160" MaxWidth="250" MarginsSummary="5 0 5 5"
                    CMarginsSummary="5 5 5 5">
                    <ext:Panel runat="server" Width="160" ID="pnlSettings" Title="Danh mục" Height="300">
                        <Content>
                            <ext:AccordionLayout ID="AccordionLayout1" runat="server" Animate="true">
                                <Items>
                                </Items>
                            </ext:AccordionLayout>
                        </Content>
                    </ext:Panel>
                </West>
                
                <Center MarginsSummary="5 5 5 0">
                    <ext:Container runat="server" Layout="Fit">
                        <Items>
                            <%--<ext:TabPanel ID="MainTab" runat="server" Title="TabPanel" Border="false" StyleSpec="background-color: white;"
                                BodyStyle="background-color: white; border: 1px solid #AABBCC; border-top: none;">--%>
                            <ext:TabPanel ID="MainTab" runat="server" Title="TabPanel" EnableTabScroll="true" ResizeTabs="false">
                                <Plugins>
                                    <ext:TabScrollerMenu runat="server" PageSize="8" />
                                    <ext:TabCloseMenu ID="TabCloseMenu1" runat="server" />
                                </Plugins>
                            </ext:TabPanel>
                        </Items>
                    </ext:Container>
                </Center>
                <East Collapsible="true" Split="true" MaxWidth="255" MarginsSummary="5 0 5 5" CMarginsSummary="5 5 5 5"
                    CollapseMode="Default" AnimFloat="false" AutoHide="true" >
                    <ext:Panel ID="Panel2" runat="server" Title="Công việc" Region="East" Margins="4 0 0 0" Collapsed="true"
                        Width="150" Icon="Comment" Padding="5" Html="<span style='color:#999'>admin:</span> Anouncement is coming..." />
                </East>
            </ext:BorderLayout>
        </Items>
    </ext:Viewport>
   <ext:Window 
    ID="winAbout" 
    runat="server" 
    Title="About" 
    Icon="Information" 
    Modal="true"
    Height="225" 
    Width="350"
    Layout="fit"
    Hidden="true">
    <Items>
        <ext:TabPanel ID="TabPanel1" runat="server" Border="false">
            <Items>
                <ext:Panel ID="Panel1" runat="server" Title="Info" Padding="5" BodyStyle="background-color:#fff;">
                    <Content>
                        Northind Traders Web Administration (1.0 RC) using:<br /><br />
                        <a href="http://www.ext.net/" target="_blank">Ext.NET 1.0 RC</a><br /><br />
                        <a href="http://www.extjs.com/" target="_blank">ExtJS 3.3+</a><br /><br /> 
                        <a href="http://www.asp.net/mvc/" target="_blank">ASP.NET MVC 2.0</a>
                    </Content>
                </ext:Panel>
                <ext:Panel ID="Panel3" runat="server" Title="Credits" Padding="5" BodyStyle="background-color:#fff;">
                    <Content>
                        Many icons provided by <a href="http://www.famfamfam.com/lab/icons/silk/" target="_blank">FamFamFam</a> under <a href="http://creativecommons.org/licenses/by/2.5/" target="_blank">Creative Commons Attribution 2.5 License</a>.
                    </Content>
                </ext:Panel>
                <ext:Panel ID="Panel4" 
                    runat="server" 
                    Title="License" 
                    Padding="5"
                    BodyStyle="background-color:#fff;">
                    <Content>
                        Source code for the Ext.Net.MVC.Demo project is release by Ext.NET, Inc. under an MIT open source license, see <a href="/License/License.txt" target="_blank">license</a>.
                        <br />
                        <br />
                        Download project source code from GoogleCode, see <a href="http://extnet-mvc.googlecode.com/" target="_blank">http://extnet-mvc.googlecode.com/</a>
                        <br />
                        <br />
                        Licensing information and download of Ext.NET is available at <a href="http://www.ext.net/download/" target="_blank">http://www.ext.net/download/</a>.
                    </Content>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
    </Items>
    <BottomBar>
        <ext:Toolbar ID="Toolbar2" runat="server">
            <Items>
                <ext:ToolbarFill ID="ToolbarFill2" runat="server" />
                <ext:ToolbarTextItem ID="ToolbarTextItem1" runat="server" Text="Copyright 2006-2010 Ext.NET, Inc<br />" />
                <ext:ToolbarSpacer ID="ToolbarSpacer1" runat="server" />
            </Items>
        </ext:Toolbar>
    </BottomBar>
</ext:Window>
    </form>
</body>
</html>
